<template>
  <div>
    <router-link to="/">首页</router-link>&nbsp;
    <router-link to="/sorted">分类</router-link>&nbsp;
    <router-link to="/order">订单</router-link>&nbsp;
    <router-link to="/project">我的</router-link>&nbsp;
    <h1>显示路由切换的页面↓</h1>
    <router-view></router-view><br />
    <hr />
    <br />
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style scoped lang="less">
a {
  text-decoration: none;
  // &.router-link-active {
  //   color: pink;
  // }
}
</style>
